<template>
	<div class="tip-page-box" @touchmove.prevent>
		<div class="tip-box">
			<p class="tip-title">提示</p>
			<p class="tip-text">登录中国银行APP</p>
			<div class="tip-btn-box">
				<ul>
					<li class="cancel" @click="clickCancel">取消</li>
					<li class="confirm" @click="clickConfirm">确定</a></li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				urlHref:""
			}
		},
		created(){
		},
		activated:function () {
		}
		,
		methods:{
			//取消
			clickCancel(){
				this.$emit("sendYKMsg",{"type":"clickCancel"})
				//this.is_iOS_and()
				//window.location.reload();
			},
			//确定
			clickConfirm(){
				//this.is_iOS_and()
				window.location.href = "https://shibalive.yundzh.com/outlink/index.php?source="+this.$source
			},
	     }
	      }</script>

<style scoped="scoped">
	.tip-page-box {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		top: 0!important;
		left: 0;
		bottom: 0;
		z-index: 100500;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.tip-box{
		width:480px;
		height:250px;
		background:rgba(246,246,246,1);
		border-radius:15px;
		position: relative;
	}
	.tip-title{
		font-size: 32px;
		color: #000000;
		font-weight: 500;
		text-align: center;
		margin: 30px 0 30px 0;
	}
		.tip-text{
		font-size: 27px;
		color: #000000;
		font-weight: 400;
		text-align: center;
		margin: 30px 0 38px 0;
	}
	.tip-btn-box{
		width: 100%;
		height: 88px;
        /*background: #00C1DE;*/
       position: absolute;
       bottom: 0;
       left: 0;
	}
	.tip-btn-box ul li{
		width: 50%;
		height: 88px;
		display: inline-block;
		float: left;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cancel{
		border-top:1px  #E3E3E3 solid ;
		border-right:1px  #E3E3E3 solid;
	}
	.confirm{
        color: white;
		background:linear-gradient(125deg,rgba(243,6,0,0.9),rgba(255,70,18,0.9));
		border-radius:0px 0px 15px 0px;
	}
	.confirm a{
		width: 100%;
		height: 100%;
		line-height: 88px;
		text-align: center;
		color: white;
		display: inline-block;
	}
</style>